<template>
 <div>
     <h1>商品页面</h1>
     <Table>
         <!-- <button>删除</button> -->
         <!-- 作用域插槽 -->
         <!-- 
             作用域插槽写法：
                匿名
                slot-scope="abc"
                v-slot="abc"
                v-slot:default="abc"
                #default="abc"
                具名
                v-slot:soltA="abc"
                #soltA="abc"
          -->
         <template #soltA="abc">
             <button @click="del(abc)">删除按钮</button>
         </template>
     </Table>
 </div>
</template>

<script>
import Table from './Table.vue'
export default {
    data(){
         return{}
    },
    created(){},
    methods:{
        del(a) {
            console.log(a)
        }
    },
    components:{
        Table
    }
}

</script>
<style scoped>
</style>